.p1 {
    width: 1400px;
    height: 550px;
    background: #ffffff url(./PNG/1.png) no-repeat;
    background-position: bottom;
    background-size: 1200px 540px;
    padding-top: 20px;
    margin-top: 20px;
  }
  
  .p2 {
    width: 1400px;
    height: 460px;
    background: #ffffff url(./PNG/2.png) no-repeat top;
    background-size: 1200px 450px;
  }
  
  .p3 {
    width: 1400px;
    height: 310px;
    background: #ffffff url(./PNG/3.png) no-repeat top;
    background-size: 1194px 300px;
  }
  
  .p4 {
    width: 1400px;
    height: 520px;
    background: #ffffff url(./PNG/4.png) no-repeat top;
    background-size: 1194px 450px;
  }
  
  button {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
  }
  
  .Cbutton {
    width: 134px;
    height: 58px;
    color: #ffffff;
    border: none;
    background-color: #dc143c;
    position: relative;
    font-size: 28px;
    top: 380px;
    left: 635px;
  }
  
  .Cbutton:hover {
    background-color: #f48c7a;
    color: #ffffff;
  }
  
  .Topbuttons {
    width: 430px;
    height: 40px;
    background-color: #ffffff;
    position: relative;
    top: 28px;
    left: 750px;
  }
  
  .Topbuttons button {
    font-size: 16px;
    color: #828282;
    background-color: #ffffff;
    border: none;
  }
  
  .Topbuttons button:hover {
    background-color: #d9d6d3;
    color: white;
  }
  
  .button1 {
    position: relative;
    right: 2px;
  }
  
  .button2 {
    position: relative;
    left: 12px;
  }
  
  .button3 {
    position: relative;
    left: 26px;
  }
  
  .button4 {
    position: relative;
    left: 40px;
  }
  
  .button5 {
    position: relative;
    left: 54px;
  }
  
  .login_btn {
    position: relative;
    left: 1092px;
    bottom: 35px;
  }
  
  .login_btn:hover {
    background-color: #d9d6d3;
    color: white;
  }
  
  a {
    text-decoration: none;
  }
  
  .modal {
    width: 40%;
    height: 40%;
  }
  
  .container {
    width: 720px;
    height: 360px;
  }
  
  .log {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    font-size: 22px;
    color: #505050;
  }
  
  .select {
    color: #4fa5d9;
    border-right: 2px solid #e3e5e7;
    padding-right: 36px;
    margin-right: 36px;
  }
  
  .form-item {
    display: flex;
    align-items: center;
    height: 72px;
    width: 600px;
    border: 1px solid #e3e5e7;
    border-radius: 5px;
    padding-left: 30px;
  }
  
  .form-item input {
    border: none;
    margin-left: 30px;
    outline: none;
  }
  
  .buttons {
    display: flex;
    align-items: center;
  }
  
  .buttons button {
    width: 290px;
    height: 60px;
    background: #fff;
    border: 1px solid #e3e5e7;
    border-radius: 5px;
    font-size: 20px;
  }
  
  .buttons .btn-login {
    margin-left: 20px;
    background: #80d7f6;
    color: #fff;
  }
  